<template>
  <div class="chat-tool-bar">
    <!-- <div title="表情" class="icon iconfont icon-emoji" ref="emotion" @click.stop="showEmotionBox()">
        </div>
        <div title="发送图片">
            <file-upload :action="'/image/upload'" :maxSize="5 * 1024 * 1024"
                :fileTypes="['image/jpeg', 'image/png', 'image/jpg', 'image/webp', 'image/gif']" @before="onImageBefore"
                @success="onImageSuccess" @fail="onImageFail">
                <i class="el-icon-picture-outline"></i>
            </file-upload>
        </div>
        <div title="发送文件">
            <file-upload ref="fileUpload" :action="'/file/upload'" :maxSize="10 * 1024 * 1024" @before="onFileBefore"
                @success="onFileSuccess" @fail="onFileFail">
                <i class="el-icon-wallet"></i>
            </file-upload>
        </div>
        <div title="回执消息" v-show="chat.type == 'GROUP'" class="icon iconfont icon-receipt"
            :class="isReceipt ? 'chat-tool-active' : ''" @click="onSwitchReceipt">
        </div>
        <div title="发送语音" class="el-icon-microphone" @click="showRecordBox()">
        </div>
        <div title="语音通话" v-show="chat.type == 'PRIVATE'" class="el-icon-phone-outline"
            @click="showPrivateVideo('voice')">
        </div>
        <div title="语音通话" v-show="chat.type == 'GROUP'" class="el-icon-phone-outline" @click="onGroupVideo()">
        </div>
        <div title="视频通话" v-show="chat.type == 'PRIVATE'" class="el-icon-video-camera"
            @click="showPrivateVideo('video')">
        </div>
        <div title="聊天记录" class="el-icon-chat-dot-round" @click="showHistoryBox()"></div> -->
  </div>
  <div class="send-content-area">
    <SpecialBigInput />
  </div>
</template>
<script setup>
import SpecialBigInput from "../SpecialBigInput.vue";
const notifySend = () => {
  console.log("notifySend");
};
</script>
<style lang="scss">
.send-content-area {
  // position: absolute;
  // bottom: 0;
  // left: 0;
  // right: 0;
  // padding: 10px;
  // background-color: #f5f5f5;
}
</style>
